<template>
  <div class="home-grid">
   <van-grid column-num="5" icon-size="11.2vw" :border="false">
    <template v-for="item in homeGridList" :key="item.imgUrl">
  <van-grid-item :icon="item.imgUrl" :text="item.name"  />

    </template>
  <!-- <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" />
  <van-grid-item icon="photo-o" text="文字" /> -->
</van-grid>
  </div>
</template>

<script setup>
import {reactive} from 'vue'

const homeGridList=reactive([{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},
{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},
{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},
{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},
{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},
{
    imgUrl:'https://p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png',
    name:'美食'
},
])
</script>

<style>

</style>